﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title - The Free Clinic</title>
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <!-- start: CSS -->
    <link href="~/Content/css/style.css" rel="stylesheet" />
    <link href="~/Content/css/bootstrap.css" rel="stylesheet">
    <link href="~/Content/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="~/Content/css/parallax-slider.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Sans:400,700">
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Serif">
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Boogaloo">
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Economica:700,400italic">
    <!-- end: CSS -->

    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
		    <link href="css/ie.css" rel="stylesheet">
     	    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->

    <!--[if IE 9]>
    	    <link href="css/ie9.css" rel="stylesheet">
        <![endif]-->

</head>
<body>

    <!--start: Header -->
    <header style="background-color:#636060;">

        <!--start: Container -->
        <div class="container" >

            <!--start: Navigation -->
            <div class="navbar navbar-inverse">
                <div class="navbar-inner">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="#"><i class="ico-thin-right-arrow ico-color circle"></i><span style="margin-left:5px; color:#929090; font-family:Arial; font-size:33px;">The<strong>FreeClinic</strong>.org </span></a>
                    <div class="nav-collapse collapse">
                        <ul class="nav">
                            <li class="active"><a href="/">Home</a></li>
                            <li>@Html.ActionLink("About Us","Index","About")</li>
                            @*<li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Features<b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="social-icons.html">Social Icons</a></li>
                                    <li><a href="icons.html">Icons</a></li>
                                    <li><a href="typography.html">Typography</a></li>
                                    <li><a href="shortcodes.html">Shortcodes</a></li>
                                    <li><a href="list-styles.html">List Styles</a></li>
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Portfolio<b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="portfolio3.html">3 Columns</a></li>
                                    <li><a href="portfolio4.html">4 Columns</a></li>
                                </ul>
                            </li>
                            <li><a href="services.html">Services</a></li>
                            <li><a href="pricing.html">Pricing</a></li>
                            <li><a href="blog.html">Blog</a></li>
                            <li><a href="contact.html">Contact</a></li>*@
                        </ul>
                    </div>
                </div>
            </div>
            <!--end: Navigation -->

        </div>
        <!--end: Container-->

    </header>
    <!--end: Header-->


    <div id="body">

        @RenderSection("featured", required: false)
        <section class="content-wrapper main-content clear-fix"">
            @RenderBody()
        </section>
    </div>

   @* <!--start: Wrapper-->
	<div id="wrapper">
				
		<!--start: Container -->
    	<div class="container">
			
			<hr>
			
			
			<!-- start: Row -->
      		<div class="row">
	
				<div class="span9">
					
					<div class="title-out"><h3>Latest Works</h3></div>
					
					<!-- start: Row -->
		      		<div class="row">
			
						<div class="span3">
	
							<div class="picture">
								<a href="content/img/car.jpg" rel="image" title="mobile app">
									<img src="content/img/car.jpg" >
									<div class="image-overlay-zoom"></div>
								</a>
								<div class="item-description">
									<h4><a href="#">Mobile App</a></h4>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
								</div>
							</div>
					
        				</div>

						<hr class="visible-phone">
					
						<div class="span3">

							<div class="picture">
								<a href="project.html">
									<img src="/content/img/web_app1.jpg">
									<div class="image-overlay-link"></div>
								</a>
								<div class="item-description">
									<h4><a href="#">Mobile App</a></h4>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
								</div>
							</div>

		        		</div>
		
						<hr class="visible-phone">

						<div class="span3">

							<div class="picture">
								<a href="content/img/mobile_app1.jpg" rel="image" title="mobile app">
									<img src="content/img/mobile_app1.jpg">
									<div class="image-overlay-zoom"></div>
								</a>
								<div class="item-description">
									<h4><a href="#">Mobile App</a></h4>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
								</div>
							</div>

						</div>
					
        			</div>
					<!-- end: Row -->

				</div>
				
				<hr class="visible-phone">

        		<div class="span3">
					
					<!-- start: Testimonials-->

					<div class="testimonial-container">

						<div class="title-out"><h3>What Client’s Say</h3></div>

							<div class="testimonials-carousel" data-autorotate="3000">

								<ul class="carousel">

									<li class="testimonial">
										<div class="testimonials">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
										<div class="testimonials-bg"></div>
										<div class="testimonials-author">Lucas Luck, <span>CEO</span></div>
									</li>

									<li class="testimonial">
										<div class="testimonials">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </div>
										<div class="testimonials-bg"></div>
										<div class="testimonials-author">Lucas Luck, <span>CTO</span></div>
									</li>

									<li class="testimonial">
										<div class="testimonials">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
										<div class="testimonials-bg"></div>
										<div class="testimonials-author">Lucas Luck, <span>COO</span></div>
									</li>

									<li class="testimonial">
										<div class="testimonials">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
										<div class="testimonials-bg"></div>
										<div class="testimonials-author">Lucas Luck, <span>CMO</span></div>
									</li>

								</ul>

							</div>

						</div>

					<!-- end: Testimonials-->
					
        		</div>

      		</div>
			<!-- end: Row -->
			
			<hr>
			
			<div class="content clearfix">
				
				<div class="span11">
				
					<!-- start: Row -->
					<div class="row">

						<div class="span7">
							<div class="title"><h3>About Us</h3></div>
							<p>
								Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
							</p>
							<p>
								Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
							</p>	
						</div>

						<div class="span4">
							<div class="flex-video widescreen">
								<iframe src="http://player.vimeo.com/video/6686768?title=0&byline=0&portrait=0" width="1500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
							</div>
						</div>

					</div>
					<!-- end: Row -->
				
				</div>
				
				<div class="clearfix"></div>
				<hr class="clean">
				
				<div class="span11">
			
					<!-- start: Row -->
					<div class="row">
						
						<div class="span9">
							
							<div class="title"><h3>Portfolio</h3></div>
														
							<!-- start: Row -->
							<div class="row">
								
								<div class="span3">

									<div class="picture">
										<a href="content/img/car.jpg" rel="image" title="mobile app">
											<img src="content/img/car.jpg" >
											<div class="content/image-overlay-zoom"></div>
										</a>
										<div class="item-description">
											<h4><a href="#">Mobile App</a></h4>
											<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
										</div>
									</div>

								</div>

								<div class="span3">

									<div class="picture">
										<a href="project.html">
											<img src="content/img/web_app1.jpg">
											<div class="image-overlay-link"></div>
										</a>
										<div class="item-description">
											<h4><a href="#">Mobile App</a></h4>
											<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
										</div>
									</div>

				        		</div>

								<div class="span3">

									<div class="picture">
										<a href="content/img/mobile_app1.jpg" rel="image" title="mobile app">
											<img src="content/img/mobile_app1.jpg">
											<div class="image-overlay-zoom"></div>
										</a>
										<div class="item-description">
											<h4><a href="#">Mobile App</a></h4>
											<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
										</div>
									</div>

								</div>
							
							</div>
							<!-- end: Row -->
						
						</div>
						
						
						<div class="span2">
							
							<div class="title"><h3>Why Us?</h3></div>
							<ul class="check_list">
								<li>Fully responsive so your content will always look good on any screen size</li>
								<li>Awesome sliders give you the opportunity to showcase important content</li>
								<li>Tested on iPhone and iPad with Retina Display</li>
								<li>Multiple layout options for home pages, portfolio section & blog section</li>
								<li>We offer free support because we care about your site as much as you do.</li>

						</div>

					</div>
				
				</div>
				<!-- end: Row -->
				<div class="clearfix"></div>
				<hr class="clean">
				<div class="contact">If You like our works and You want individual offer, please contact with Us.<i class="ico-envelope ico-white"></i>lukasz@holeczek.pl<i class="ico-iphone ico-white"></i>+48 660 443 460</div>
				
			</div>	
			
			<hr>
			
			<div class="title-out"><h3>We work for</h3></div>
		
			<!-- start Clients List -->	
			<div class="clients-carousel">
		
				<ul class="slides clients">
					<li><img src="content/img/logos/1.png" alt=""/></li>
					<li><img src="content/img/logos/2.png" alt=""/></li>	
					<li><img src="content/img/logos/3.png" alt=""/></li>
					<li><img src="content/img/logos/4.png" alt=""/></li>
					<li><img src="content/img/logos/5.png" alt=""/></li>
					<li><img src="content/img/logos/6.png" alt=""/></li>
					<li><img src="content/img/logos/7.png" alt=""/></li>
					<li><img src="content/img/logos/8.png" alt=""/></li>
					<li><img src="content/img/logos/9.png" alt=""/></li>
					<li><img src="content/img/logos/10.png" alt=""/></li>
					<li><img src="content/img/logos/1.png" alt=""/></li>
					<li><img src="content/img/logos/2.png" alt=""/></li>	
					<li><img src="content/img/logos/3.png" alt=""/></li>
					<li><img src="content/img/logos/4.png" alt=""/></li>
					<li><img src="content/img/logos/5.png" alt=""/></li>
					<li><img src="content/img/logos/6.png" alt=""/></li>
					<li><img src="content/img/logos/7.png" alt=""/></li>
					<li><img src="content/img/logos/8.png" alt=""/></li>
					<li><img src="content/img/logos/9.png" alt=""/></li>
					<li><img src="content/img/logos/10.png" alt=""/></li>	
				</ul>
		
			</div>
			<!-- end Clients List -->
		
			<hr>
			
		</div>
		<!--end: Container-->
	
	</div>
	<!-- end: Wrapper  -->*@

    <!-- start: Footer -->
	<div id="footer">
		
		<!-- start: Container -->
		<div class="container">
			
			<!-- start: Row -->
			<div class="row">

				<!-- start: About -->
				<div class="span3" style="border-left:1px solid white; padding-left:11px;">
					
					<h3>The Free Clinic</h3>

					<p>
						<i class="mini-ico-map-marker mini-white"></i> 12201 Euclid Avenue
					</p>
					<p>	
						<i class="mini-ico-map-marker mini-white"></i> Cleveland, Ohio 44106
					</p>	
					<p>	
						<i class="ico-z-iphone"></i> Phone: 216.721.4010 
					</p>
					<p>
						<i class="mini-ico-globe mini-white"></i> Web: TheFreeClinic.org
					</p>
					<p>
                        &nbsp; 
                        <br /><strong> Monday - Thursday</strong> 
                        <br />10:00am - 9:00pm 
                        <br /><strong>Friday</strong>
                        <br /> 10:00am - 6:00pm 
					</p>
                    
                   @* <p>	
						<i class="mini-ico-print mini-white"></i> Fax: +08 (123) 456-7890
					</p>
					<p>
						<i class="mini-ico-envelope mini-white"></i> Email: contact@companyname.com
					</p>*@
                    	
				</div>
				<!-- end: About -->

				<!-- start: Latest Tweets -->
				<div class="span3">
					
					<h3>Events</h3>
					
					<ul id="twitter">
						<li>Website Development</li>
                        <li>Website Content management</li>
                        <li>End Development</li>
					</ul>

					<div class="clear"></div>
					
					
				</div>
				<!-- end: Latest Tweets -->

				<!-- start: Photo Stream -->
				<div class="span3">
					
					<h3>Photo Stream</h3>
					<div class="flickr-widget">
						<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=9&display=latest&size=s&layout=x&source=user&user=29609591@N08"></script>
						<div class="clear"></div>
					</div>
					
				</div>
				<!-- end: Photo Stream -->
				
				<!-- start: Follow Us -->
				<div class="span3">
					
					<h3>Follow Us</h3>
					
					<div id="social-r" class="tooltips">
						<a href="#" rel="tooltip" title="Amazon" class="amazon">Amazon</a>
						
						<a href="#" rel="tooltip" title="Blogger" class="blogger">Blogger</a>
						
						
						<a href="#" rel="tooltip" title="Facebook" class="facebook">Facebook</a>
						
						<a href="#" rel="tooltip" title="Google Plus" class="googleplus">Google Plus</a>
						
						<a href="#" rel="tooltip" title="LinkedIn" class="linkedin">LinkedIn</a>
						<a href="#" rel="tooltip" title="Picasa" class="picasa">Picasa</a>
						
						<a href="#" rel="tooltip" title="Twitter" class="twitter">Twitter</a>
						
						<a href="#" rel="tooltip" title="YouTube" class="youtube">YouTube</a>
						
					</div>
				
				</div>
				<!-- end: Follow Us -->
				
			</div>
			<!-- end: Row -->	
			
		</div>
		<!-- end: Container  -->

	</div>
	<!-- end: Footer -->
	
	<!-- start: Footer Menu -->
	<div id="footer-menu" class="hidden-tablet hidden-phone">

		<!-- start: Container -->
		<div class="container">
			
			<!-- start: Row -->
			<div class="row">

				<!-- start: Footer Menu Logo -->
				<div class="span2">
					<div id="footer-menu-logo">
						<a class="brand" href="#">TheFreeClinic<span>.org</span></a>
					</div>
				</div>
				<!-- end: Footer Menu Logo -->

				<!-- start: Footer Menu Links-->
				<div class="span9" style="padding-left:50px;">
					
					<div id="footer-menu-links">

						<ul id="footer-nav">

							<li><a href="index.html">Start</a></li>

							<li><a href="about.html">About</a></li>

							<li><a href="services.html">Services</a></li>

							<li><a href="pricing.html">Pricing</a></li>
							
							<li><a href="contact.html">Contact</a></li>

						</ul>

					</div>
					
				</div>
				<!-- end: Footer Menu Links-->

				<!-- start: Footer Menu Back To Top -->
				<div class="span1">
						
					<div id="footer-menu-back-to-top">
						<a href="#"></a>
					</div>
				
				</div>
				<!-- end: Footer Menu Back To Top -->
			
			</div>
			<!-- end: Row -->
			
		</div>
		<!-- end: Container  -->	

	</div>	
	<!-- end: Footer Menu -->

	<!-- start: Copyright -->
	<div id="copyright">
	
		<!-- start: Container -->
		<div class="container">
		
			<div class="sixteen columns">
				<p>
					&copy; 2012, <a href="http://clabs.co">creativeLabs</a>. Designed by <a href="http://clabs.co">creativeLabs</a> in Poland <img src="/content/img/poland.png" alt="Poland" style="margin-top:-4px">
				</p>
			</div>
	
		</div>
		<!-- end: Container  -->
		
	</div>	
	<!-- end: Copyright -->


    <footer>
        <div class="content-wrapper">
            <div class="float-left">
                <p>&copy; @DateTime.Now.Year - My ASP.NET MVC Application</p>
            </div>
        </div>
    </footer>

    @Scripts.Render("~/bundles/jquery")
    @RenderSection("scripts", required: false)
</body>
</html>
